<!-- 登高详情 -->
<template> 
  <div>
    <van-nav-bar
      title="登高详情"
      left-arrow
      @click-left="$router.push('/partyMemberToheight')"
    />
    <div v-if="pageData.title" class="title border-bottom-one-rem">
      <img src="../../assets/sign.png" alt="">
      {{pageData.title}}
    </div>
    <div class="content">{{pageData.content}}</div>
  </div>
</template>

<script>
import { getUserInfo } from '@/api/index.js'
export default {
  components: {},
  data() {
  return {
      data:{
         "serviceName":"PersonalClimbplan",
         "methodName":"getOne",
         "uuid":"",
         "type":""
      },
      pageData:{}
    };
  },
  created(){
    this.data.type = this.$route.params.type
    this.data.uuid = this.$route.params.uuid
    this.getOne()
  },
  methods: {
    getOne(){
      getUserInfo(this.data).then(res => {
        if (res.status == '1') {
          this.pageData = res.data
        }
      })
    }
  }
}
</script>
<style scoped>
.title{
  height: 44px;
  display: flex;
  align-items: center;
  font-size: 14px;
  padding-left: 15px;
}
.title>img{
  width: 17px;
  height: 17px;
  margin-right: 8px;
}
.content{
  padding: 16px;
  text-align:justify;
  font-size: 12px;
  line-height: 2em;
  text-indent: 2em;
}
</style>